<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>FrozenUI Demo</title>
        <link href="static/css/common.css" rel="stylesheet">
        <script type="text/javascript" src="static/vendors/require/require.min.js" data-main="static/js/require.config"></script>
   		
    </head>
    <body ontouchstart="" class="ms-loader ms-loading">
    	<div class="page-wrapper">
    		<div class="page ms-controller" id="page1" ms-controller="frozen-example">
		        <header class="ui-header ui-header-positive ui-border-b">
		            <i class="ui-icon-return" onclick="history.back()"></i><h1>选项卡 tab</h1><button class="ui-btn">回首页</button>
		        </header>
		        <footer class="ui-footer ui-footer-btn">
		            <ul class="ui-tiled ui-border-t">
		                <li data-href="index.html" class="ui-border-r"><div>基础样式</div></li>
		                <li data-href="ui.html" class="ui-border-r"><div>UI组件</div></li>
		                <li data-href="js.html"><div>JS插件</div></li>
		            </ul>
		        </footer>
		        <section class="ui-container">
		            <section id="tab">
		            	<div class="demo-item">
		            		<p class="demo-desc">标签栏</p>
		            		<div class="demo-block">
		            			<div class="ui-tab">
		            			    <ul class="ui-tab-nav ui-border-b">
		            			        <li class="current">热门推荐</li>
		            			        <li>全部表情</li>
		            			        <li>表情</li>
		            			    </ul>
		            			    <ul class="ui-tab-content" style="width:300%">
		            			        <li>
		            			        	内容1<br>
		            			        	<a href="static/vendors/frozenui-1.3.0/demo/" rel="external">所有组件演示</a>
		            			        	<a href="#page2" >调到第二页</a>
		            			        	<a href="#frozen-page2" >调到外部页面</a>
		            			        	<a href="frozen-page2.html" >调到外部页面2</a>
		            			        </li>
		            			        <li>内容2</li>
		            			        <li>内容3</li>
		            			    </ul>
		            			</div>
		            		</div>
		            	</div>
		            </section>
		        </section>
        		<script type="text/javascript" data-page="frozen-example"></script>
        	</div>
        	
        	<div class="page" id="page2">
		        <section class="ui-container">
		        	<div class="ui-btn-wrap">
		                <button class="ui-btn-s">
		                    确定
		                </button>
		                <button class="ui-btn-s active">
		                    确定
		                </button>
		                <button class="ui-btn-s disabled">
		                    取消
		                </button>
		                <button class="ui-btn-s" disabled>
		                    取消
		                </button>
		            </div>
		            
		            <div class="demo-item">
				        <p class="demo-desc">红色按钮</p>
				        <div class="demo-block"> 
				            <div class="ui-btn-wrap">
				                <button class="ui-btn ui-btn-danger">
				                    确定
				                </button>
				                <button class="ui-btn ui-btn-danger active">
				                    确定
				                </button>
				                <button class="ui-btn ui-btn-danger" disabled>
				                    取消
				                </button>
				            </div>
				        </div>
				    </div>
				    
				    <a href="#page1" class="ui-btn ui-btn-danger" >回第一页</a>
		        </section>
        	</div>
        </div>
    </body>
</html>